<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>试驾预约</title>
		<link rel="stylesheet" href="css/TestDirve.css" />
		<link rel="stylesheet" href="css/header.css" />
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
	</head>

	<body>
		<div class="header">
			<div class="headBox">

				<div class="log">
					<a href="index.html"><img src="img/headpicture/nav_logo.png"></a>
				</div>

				<ul class="hdNav">
					<li>
						<a href="#">Jeep云图</a>
					</li>
					<li class="hdNarCar nav">
						<a href="#" class="hdNavTxt">车型</a>

						<div class="head-hiding over">
							<ul>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n1.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t1.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n2.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t2.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n3.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t3.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n4.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t4.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n5.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t5.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
								<li>
									<div class="img">
										<img src="img/CarModels/nav_n6.jpg">
									</div>
									<div class="txt">
										<img src="img/CarModels/nav_t6.jpg">
										<a class="booking" href="#"></a>
										<a class="more" href="#"></a>
									</div>
								</li>
							</ul>
						</div>

					</li>
					<li class="financial">
						<a href="#">金融服务</a>
						<div class="Amount_Money" style="display: none;">
							<ul>
								<li>
									<a href="#">自由享金融</a>
								</li>
								<li>
									<a href="#">自由享置换</a>
								</li>
								<li>
									<a href="#">金融计算</a>
								</li>
							</ul>
						</div>
					</li>
					<li>
						<a href="shopping.html">Jeep商城</a>
					</li>
					<li class="Club_Life">
						<a href="#">Jeep Life</a>
						<div class="club" style="height: 160px;display: none;">
							<ul>
								<li>
									<a href="#">探享俱乐部</a>
								</li>
								<li>
									<a href="#">品牌介绍</a>
								</li>
								<li>
									<a href="#">新闻资讯</a>
								</li>
								<li>
									<a href="#">最新活动</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="Owner_Service">
						<a href="#">车主服务</a>
						<div class="Service_items over" style="display: none;">
							<ul>
								<li>
									<a href="#">汽车三包政策</a>
								</li>
								<li>
									<a href="#">24小时道路救援</a>
								</li>
								<li>
									<a href="#">车辆信息查询</a>
								</li>
								<li>
									<a href="#">车友论坛</a>
								</li>
							</ul>
						</div>
					</li>
					<li class="dltd">
						<a href="testDrive.html"><img src="img/headpicture/find.png" style="vertical-align: middle;margin-right: 6px;"><span style="color: darkorange;">查找经销商</span></a>
					</li>
					<li class="dltd">
						<a href="testDrive.html"><img src="img/headpicture/test.png" style="vertical-align: middle;margin-right: 6px;"><span style="color: darkorange;">试驾预约</span></a>
					</li>
					<li class="join_us">
						<a href="#">加入我们</a>
						<div class="info over" style="height: 80px;margin-left: -75px; display: none;">
							<ul>
								<li>
									<a href="#">招聘信息</a>
								</li>
								<li>
									<a href="#">申请经销商</a>
								</li>
							</ul>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!--/header-->

		<div id="Details">
			<div class="head-cart">
				<img src="img/TestDirve/head.png" />
				<ul class="cart">
					<li class=cx><img src="img/TestDirve/全新指南者.png" /><span>全新指南者</span></li>
					<li class=cx><img src="img/TestDirve/自由侠.png" /><span>全新自由侠</span></li>
					<li class=cx><img src="img/TestDirve/自由光.png" /><span>全新自由光</span></li>
					<li class=cx><img src="img/TestDirve/牧马人.png" /><span>进口牧马人</span></li>
					<li class=cx><img src="img/TestDirve/大切.png" /><span>进口全新大切诺基</span></li>
				</ul>
			</div>
			<div class="middle">
				<ul class="infor">
					<li>*姓名:<input type="text" class="name" /><span class="sp-name"></span></li>
					<li>*手机号:<input type="text" class="phones" /><span class="sp-phone"></span></li>
					<li>*邮箱:<input type="text" class="yx" /><span class="sp-yx"></span></li>
					<li><img src="img/TestDirve/立即预约.png" /></li>
				</ul>
				<div class="desltion">
					<h4>请选择您要前往的经销商</h4>
					<ul class="dealres">
						<li>*车型:
							<select class="sl">
								<option>请选择车型</option>
								<option class="cars">全新指南者</option>
								<option>全新自由侠</option>
								<option>全新自由光</option>
								<option>进口牧马人</option>
								<option>进口全新大切诺基</option>
							</select>
						</li>
						<li>*省/市:
							<select id="province">
								<option>请选择</option>
							</select>
						</li>
						<li>*市/区:
							<select id="city">
								<option>请选择</option>
							</select>
						</li>
						<li>*经销商:
							<select id="dealers">
								<option>请选择</option>
							</select>
						</li>
					</ul>
				</div>
				<div class="map">
					<img src="img/TestDirve/mapp.png" />
				</div>
			</div>
		</div>
		<!--/middle-->
		<div style="margin: auto; width: 1280px;position: relative;">
			<img src="img/最新底部.png" />
			<ul class="phone">
				<li>电话热线：400 &nbsp;6500&nbsp;118</li>
				<li><img src="img/wb.png" />&nbsp;&nbsp;<img src="img/wx.png" /></li>
			</ul>
		</div>
		<!--/bottom-->
		<script type="text/javascript" src="js/TestDirve.js">
		</script>
	</body>

</html>